<style lang="sass">
    //@import "../style/config.scss"

</style>
<template>
    <div id="app" class="">
<!--         <nav v-if="init">
            <div class="logo">
                <div class="face">
                    <img v-if="admin.face" :src="admin.face">                    
                </div>
                <p class="hm-text-c" v-if="admin.name">{{admin.name}}</p>
            </div>
            <el-menu :default-active="activePage" @open="" @close="" theme="" unique-opened >
                <el-submenu v-for="(pack,unit) in dir" :index="unit">
                    <template slot="title"><i :class="'hm-icon-'+pack.icon"></i><span>{{pack.name}}</span></template>
                    <el-menu-item v-for="(item,index) in pack.page" :index="'/'+item.page" :name="item.page" @click="$router.push({name:item.page})">
                        <i :class="'hm-icon-'+item.icon"></i>
                        <span>{{item.name}}</span>
                    </el-menu-item>
                </el-submenu>
            </el-menu>
            <div class="el-submenu__title" style="padding-left:1rem;" @click="logout">
                <i class="hm-icon-exit"></i><span>退出</span>
            </div>            
        </nav> -->
        <gw-nav></gw-nav>
        <gw-head></gw-head>
        <div class="" v-if="init">
            <keep-alive>
                <router-view></router-view>
            </keep-alive>                
        </div>
        <gw-foot></gw-foot>

        <div class="" style="position:fixed; top:0; right:0; bottom:0; left:0" v-if="serverError">
            <div class="hm-flex-center" style="height:100%; text-align:center;">
                <div class="hm-flex-1" >
                    <h3 class="hm-color-theme">链接失败</h3>
                    <p style="color:#999;margin-top:.6rem;">请检查当前网络稍后重试</p>
                </div>
            </div>
        </div>
    </div>
</template>

<script>

import gwNav from './layout/nav.vue'
import gwHead from './layout/head.vue'
import gwFoot from './layout/foot.vue'

export default {
    data (){
        return {
            serverError : false,
        }
    },

    computed: {
        init(){
            return true // this.$store.state.base.init
        },
        // user(){
        //     return this.$store.state.base.user
        // },
    },
    methods : {
        // login() {
        //     this.$root.ajax({
        //         url     : 'lottery/index/data',
        //         type    : 'get',
        //         loading : 1,
        //     },(ret,err)=>{
        //         this.$store.commit('BASE_UPDATE',{
        //             key : 'init',
        //             val : true
        //         })
        //         if(ret){                    
        //             this.$store.commit('BASE_UPDATE',{
        //                 key : 'user',
        //                 val : ret.data.user
        //             })
        //             this.$store.commit('BASE_UPDATE',{
        //                 key : 'games',
        //                 val : ret.data.games
        //             })
        //             this.getAccoutInfo()
        //         }
        //         if(err && err.error == 404){
        //             this.serverError = true
        //             this.$store.commit('BASE_UPDATE',{
        //                 key : 'init',
        //                 val : false
        //             })
        //         }
        //     }) 
        // },
        // getAccoutInfo(){
        //     this.$root.ajax({
        //         url     : 'finance/account/info',
        //     },(ret,err)=>{
        //         if(ret){
        //             this.account = ret.data
        //             this.$store.commit('BASE_UPDATE',{
        //                 key : 'account',
        //                 val : ret.data
        //             })
        //         }
        //     })
        // },
    },
    components : {
        gwNav,
        gwHead,
        gwFoot,
    },
    created() {
        //this.login()
    }
}
</script>
